import React from 'react';
import { View, Text } from '@tarojs/components';
import Taro from '@tarojs/taro';
import { AtIcon } from 'taro-ui';

export default function Component({className}) {
  const onSearch = () => {
    Taro.navigateTo({ url: '/pages/search/index' });
  }
  return (
    <View className={`p-2 ${className}`}>
      <View onClick={onSearch} className='rounded-full p-2 bg-[#f5f5f5a1] flex flex-row items-center shadow-md'>
        <AtIcon value='search' size='20' color='#333333'></AtIcon>
      </View>
    </View>
  )
}
